@keyframes revolve {
    0%{
        transform: rotate(0deg);
    }

    50%{
        transform: rotate(180deg);
    }

    100%{
        transform: rotate(360deg);
    }
}

#preview{
    padding: 0 1em;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

#preview iframe{
    width: 100%;
    min-height: 50vh;
}

#preview svg{
    width: 100%;
    text-align: center;
    transform: rotate(1);
    animation: revolve 5s infinite linear;
}

.building{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10vh 0;
}
